<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="../css/public.css">
    <title>故障代码</title>
    <style>
        .tleheader{
            background: rgb(45,181,185);
            color:#fff;
        }
        .search{
            padding:2px 0;
            width:96%;
            margin:0 auto;
            border: 1px solid rgb(222,222,222);
            border-radius: 4px;
            color:rgb(180,180,180);
        }
        .content{
            padding:10px 0;
        }
        .cl{
            padding-left:10px;
            padding-top:10px;
            line-height: 22px;
        }
        .blank{
            width:100%;
            margin:0 auto;
            border-top:1px solid rgb(222,222,222);
            border-left:1px solid rgb(222,222,222);
            margin-left:-1px;
        }
        .bc{
            width:96%;
            margin:0 auto;
        }
        .items{
            border-right:1px solid rgb(222,222,222);
            border-bottom:1px solid rgb(222,222,222);
            padding:4px 0;
            margin-left:-1px;
        }
    </style>
</head>
<body>
<header class="tleheader">
    <p class="backbtn"><a style="margin:0; text-decoration: none">
        <img src="../icon/arrow/zjt.PNG" class="backpic" alt="">
        <span>返回</span></a>
    </p>
    <h1 class="tc">故障代码</h1>
    <div class="clear"></div>
</header>
<div class="content">
    <div class="search tc">
        <img src="search.PNG" style="width:24px;margin-bottom:-6px;" alt="">
        搜索
    </div>
    <div class="bc">
        <p class="cb cl fs14">点击图标选择品牌</p>
        <div class="blank">
            <a href="gzdmxq.html">
                <div class="items fl tc">
                    <img src="search.PNG" alt="">
                </div>
            </a>
            <a href="gzdmxq.html">
            <div class="items fl tc">
                <img src="search.PNG" style="" alt="">
            </div>
            </a>
            <a href="gzdmxq.html">
            <div class="items fl tc">
                <img src="search.PNG" style="" alt="">
            </div>
            </a>
            <a href="gzdmxq.html">
            <div class="items fl tc">
                <img src="search.PNG" style="" alt="">
            </div>
            </a>
            <div class="clear"></div>
        </div>
    </div>
</div>
<script type="text/javascript" src="../js/back.js"></script>
<script>
    var sw = document.body.offsetWidth*0.96;
    var items = document.getElementsByClassName("items");
//    var item = document.getElementsByClassName("item");
    for(var i = 0; i < items.length; i++){
        items[i].style.width = sw/3 + "px";
        items[i].getElementsByTagName("img")[0].style.width = sw/3*0.60 + "px";
        items[i].getElementsByTagName("img")[0].style.height =sw/3*0.6*0.4 + "px";
//        items[i].style.height = sw/3 + "px";
//        item[i].style.width = sw/3 + "px";
//        item[i].style.height = sw/3 + "px";
//        if((i+1)%4==0){
//            item[i].style.borderRight = "none";
//        }
    }
</script>
</body>
</html>